<!-- seach START -->
<div class="seach-wrap">
    <div class="seach-lf">
        <button nz-button nzType="primary" [routerLink]="['../inviteSave']" *ngIf="permission.userPermission.has('marketing:invite:config')">活动配置</button>
    </div>

    <div class="seach-rt">
        <input class="seach-ipt" type="text" nz-input placeholder="请输入名称或编码" />
        <button nz-button nzType="primary">查询</button>
        <button nz-button nzType="default">重置</button>
    </div>
</div>
<!-- seach END -->

<main>
    <nz-table #rowSelectionTable nzShowSizeChanger nzBordered>
        <thead>
            <tr>
                <th nzAlign="center">ID</th>
                <th nzAlign="center">邀请人</th>
                <th nzAlign="center">被邀请人</th>
                <th nzAlign="center">邀请方式</th>
                <th nzAlign="center">邀请结果</th>
                <th nzAlign="center">邀请时间</th>
                <th nzAlign="center">新人打开时间</th>
                <th nzAlign="center">新人注册时间</th>
                <th nzAlign="center">新人认证时间</th>
                <th nzAlign="center">新人首单时间</th>
            </tr>
        </thead>
        <tbody>

            <tr>
                <!-- ID -->
                <td nzAlign="center">111</td>
                <!-- 邀请人 -->
                <td nzAlign="center">222</td>
                <!-- 被邀请人 -->
                <td nzAlign="center">333</td>
                <!-- 邀请方式 -->
                <td nzAlign="center">444</td>
                <!-- 邀请结果 -->
                <td nzAlign="center">555</td>
                <!-- 邀请时间 -->
                <td nzAlign="center">666</td>
                <!-- 新人打开时间 -->
                <td nzAlign="center">777</td>
                <!-- 新人注册时间 -->
                <td nzAlign="center">888</td>
                <!-- 新人认证时间 -->
                <td nzAlign="center">999</td>
                <!-- 新人首单时间 -->
                <td nzAlign="center">000</td>
            </tr>
        </tbody>
    </nz-table>
    <div class="pagination-box">
        <div class="pagination-template">
            <ng-template #totalTemplate let-total> 共有1 条 </ng-template>
            <nz-pagination [nzPageSizeOptions]="[10, 20, 50, 100]"nzShowSizeChanger nzShowQuickJumper>
            </nz-pagination>
        </div>
    </div>

    <!-- <div class="pagination-box">
        <div class="pagination-template">
            <ng-template #totalTemplate let-total> 共有 {{ total }} 条 </ng-template>
            <nz-pagination [nzPageSizeOptions]="[10, 20, 50, 100]" nzShowSizeChanger nzShowQuickJumper [nzPageIndex]="1"
                [nzTotal]="listOfData?.total" [nzShowTotal]="totalTemplate" [nzPageSize]="queryForm.pageSize"
                [nzPageIndex]="queryForm.pageNum" (nzPageIndexChange)="onPageIndexChange($event)"
                (nzPageSizeChange)="onPageSizeChange($event)">
            </nz-pagination>
        </div>
    </div> -->
</main>
